<template>
  <div>
    <h1>{{ title }}</h1>
    <h2>hhhhhhhhhhhh</h2>
    <p>父向子传值，在props中声明</p>
    <p>
      <span>message:{{ msg }}</span>
    </p>
    <p>Using mustaches:{{ rawHtml }}</p>
    <p>使用v-html：<span v-html="rawHtml"></span></p>
    <div>
      <h1>2020/11/4</h1>
      <h2>弹出框MessageBox</h2>
      <MesBox/>
      <hr>
      <h2>表单</h2>
      <MyForming/>
    </div>
  </div>
</template>

<script>

import MesBox from './messagebox'
import MyForming from './myform'
export default {
  data() {
    return {
      msg: "dhkhkg",
      rawHtml: '<span style="color:blue"> this should be blue. </span>',
    };
  },
  props: {
    title: String,
  },
  components:{
    
    MesBox,
    MyForming
  }
};
</script>

<style>

</style>